<template>
  <div class="module-full-root" @click="exit">
    <div class="module-full-content" @click="e=>e.stopPropagation()">
      <div class="title">
        <div class="title">领导相关</div>
        <div class="exitbtn" @click="exit">×</div>
      </div>
      <div class="content">
        <div class="chart">
          <div>一周舆情走势</div>
          <!-- <img src="./img/chart.png"/> -->
        </div>
        <div class="list">
          <ArgList></ArgList>
          <InfoList></InfoList>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import ArgList from './ArgList'
import InfoList from './InfoList'
export default {
  name: 'module-full',
  components: {ArgList, InfoList},
  props: ['exit']
}
</script>

<style lang="stylus" scoped>
.module-full-root
  position fixed
  top 0
  left 0
  right 0
  bottom 0
  z-index 100
  background-color rgba(0,0,0,.5)
  transition all .5s ease
  >.module-full-content
    transition all .5s ease

.module-full-content
  position absolute
  background white
  border-radius 0.4rem
  top 3.69rem
  left 7.12rem
  right 5.0rem
  height calc(100vh - 6rem)
  overflow hidden
  >.title
    height 3.8rem
    position relative
    border-bottom 1px solid #dcdcdc
    >.title
      font-size 1.25rem
      line-height @height
      text-align center
    >.exitbtn
      position absolute
      top 1rem
      right 1.2rem
      height 1.6rem
      width 1.6rem
      border-radius 3px
      border 1px solid #dcdcdc
      font-size 1.6rem
      color #a0a0a0
      line-height 1.6rem
      text-align center
      cursor pointer

.module-full-content>.content
  overflow auto
  height calc(100% - 3.8rem)
  >.chart
    height 22.75rem
    background #fcfcfc
    box-shadow 0 3px 5px rgba(0,0,0,.2)
    text-align center
    position relative
    >div
      position absolute
      left 2.88rem
      top 1.88rem
      font-size 0.88rem
    >img
      margin-top 1.88rem
      height 18.88rem
  >.list
    padding 1.88rem 1.25rem
    padding-top 1rem
    >.arg-list-root
      margin-bottom .5rem

.fulltrans-enter
.fulltrans-leave-active
  opacity 0

</style>